.spread-order {
    .spread-header {
      height: 240rpx;
      background-color: var(--primary-color);
      padding-top: 60rpx;
      .deal-num {
        flex: 1;
        align-self: flex-start;
        .num {
            font-size: 42rpx;
        }
        .explain {
            line-height: 34rpx;
            margin-top: 16rpx;
        }
      }
      .income-num {
        flex: 1;
        align-self: flex-start;
        .explain {
          line-height: 34rpx;
          margin-top: 12rpx;
        }
      }
    }
    .content {
      padding: 0 20rpx;
      /* margin-top: -120rpx; */
      .order-container {
          .order-item {
            border-radius: 14rpx;
			padding-bottom: 30rpx;
            .order-header {
              padding: 20rpx 30rpx;
              border-bottom: var(--border);
              .status {
                  /* background: linear-gradient(80deg, #F95F2F 0%, #FF2C3C 100%);
                  border-radius: 4rpx;
                  width: 134rpx;
                  height: 42rpx;
                  font-size: 24rpx;
                  line-height: 34rpx; */
                  color: #F95F2F;
              }
			  
			  .order-sign--goods,
			  .order-sign--lease,
			  .order-sign--recycle,
			  .order-sign--lendlease {
				  font-size: 24rpx;
				  color: #FFFFFF;
			  }
			  
			  .order-sign--goods {
				background: linear-gradient(to right, #F95F2F, #FF2C3C);
			  }
			  .order-sign--lease {
				background: linear-gradient(to right, #01D171, #00B260);
			  }
			  .order-sign--recycle {
				background: linear-gradient(to right, #24A3FF, #3187FD);
			  }
			  .order-sign--lendlease {
			  	background: linear-gradient(to right, #01D171, #24A3FF);
			  }
            }
            .order-content {
              padding: 20rpx 30rpx 20rpx 20rpx;
			  border-top: 1px solid #E5E5E5;
              .order-goods-img {
                width: 140rpx;
                height: 140rpx;
                flex: none;
				border-radius: 50%;
				overflow: hidden;
              }
              .order-goods-info {
				display: flex;
				flex-direction: column;
                text-align: left;
				
                .name {
                    line-height: 36rpx;
					font-weight: 500;
					font-size: 32rpx;
                }
				.address{
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #333333;
					line-height: 24rpx;
				}
              .phone-row{
				  display: flex;
				  align-items: center;
				  margin-top: 20rpx;
				  
				  .icon1{
					  width: 24rpx;
					  height: auto;
				  }
				  .icon2{
					  width: 36rpx;
					  height: 36rpx;
				  }
				  .text{
					 font-family: PingFang SC, PingFang SC;
					 font-weight: 400;
					 font-size: 24rpx;
					 color: #333333;
					 line-height: 24rpx;
					 margin: 0 15rpx 0 6rpx;
				  }
			  }
              }
            }
			
			.goods-info-box{
				margin-top: 30rpx;
				
				.content-box{
					width: 100%;
					background: #F5F8FA;
					border-radius: 6rpx;
					margin: 0 auto;
					padding: 32rpx 28rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #666666;
					line-height: 28rpx;

					.text{
						color: #FF2C3C;
						font-weight: 500;
					}
					.right{
						color: #333333;
						font-weight: 500;
					}
					
					.date{
						margin-top: 24rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #999999;
						line-height: 24rpx;
						min-width: 350rpx;
					}
				}
			}
			.address-box{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #333;
				line-height: 40rpx;
				margin-top: 30rpx;
				padding: 0 28rpx;
				.dot{
					width: 16rpx;
					height: 16rpx;
					background: #FBB420;
					border-radius: 50%;
					margin-right: 16rpx;
				}
				.label{
					color: #b0b0b0;
				}
				.address{
					padding-left: 32rpx;
					margin-top: 5rpx;
				}
			}
            
          }
      }
    }
}
.data-null {
  padding-top: 200rpx;
}